/**class 必须有一个父class包起来，避免混淆*/
.micro-header-box {
  .form-work-box{
    width: 220px;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px 10px 20px 10px;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    .el-icon-plus{
      font-weight: 700;
      font-size: 18px;
      margin-bottom: 10px;
    }
    .template-image{
      width: 220px;
      height: 350px;
      margin: 20px 10px 20px 10px;
    }
  }
  .active{
    border: 1px solid #1890ff;
  }
  .page-style{
    display: flex;
    width: 100%;
    height: 36px;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    >span{
      padding-left: 10px;
      color: #606266;
    }
    >i{
      padding-right: 5px;
      color: #C0C4CC;
    }
  }
  .preview-header {
    height: 64px;
    width: 320px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-image: url('../../../../../../../assets/micro-page/micro-create-header.png');
    .preview-header-title {
      box-sizing: initial;
      display: inline-block;
      padding: 28px 60px 0;
      width: 200px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      font-weight: 700;
      font-size: 16px;
      text-align: center;
      vertical-align: middle;
      color: #222;
    }
  }
  .shop-bg-cont{
    margin-left: 20px;
    .cont-image{
      border:1px solid #DCDFE6
    }
  }
  .header-collapse{
    .el-collapse-item{
      .el-collapse-item__header{
        padding-left: 10px;
        font-size: 14px;
        background: none;
      }
      .el-collapse-item__wrap{
        background: none;
        .el-form{
          background: #fff;
          border-radius: 8px;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          -ms-border-radius: 8px;
          -o-border-radius: 8px;
          border:1px solid #DCDFE6;
          padding:10px 10px 0
    }
      }
    }
  }

}
